<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- 启用360浏览器的极速模式(webkit) – -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 若开启长按无法复制链接-->
    <!--meta name="browsermode" content="application"-->
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!--网站开启对web app程序的支持-->
    <meta name="apple-touch-fullscreen" content="yes">
    <!--在web app应用下状态条（屏幕顶部条）的颜色-->
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
    <!--移动web页面是否自动探测电话号码-->
    <!--<meta http-equiv="x-rim-auto-match" content="none">-->
    <!--手机号码显示为拨号链接-->
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="max-age=300" />
    <meta http-equiv="Expires" content="300" />
    <title>8号金融街</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/pushercenter.css">
    <link rel="stylesheet" href="../assets/swiper/css/swiper.min.css">
    <script src="../js/common.js"></script>
    <script src="../js/jquery.min.js"></script>
    <script src="../assets/swiper/js/swiper.jquery.min.js"></script>
</head>
<body>
<!--用户中心页头-->
<div class="header">
    <div class="header-panel">
        <div class="header-panel-top">
            <div class="userinfo">
                <div class="avatar">
                    <img src="../images/mobile-avatar.png" alt="">
                </div>
                <div class="info-wrapper">
                    <p class="name">Cherry杨岚</p>
                    <p class="user-number">138****1245</p>
                </div>
            </div>
            <div class="tool-box">
                <div class="message"></div>
                <div class="setting"></div>
            </div>
        </div>
        <div class="header-panel-bottom">
            <div class="total-return">
                <p class="total-money">188.00</p>
                <p>累计返现（元）</p>
            </div>
            <div class="yesterday-return">
                <p class="yesterday-money">188.00</p>
                <p>昨日返现（元）</p>
            </div>
        </div>
    </div>
</div>
<!--前往投资者中心按钮-->
<div class="header-dropmenu">
    <div class="wrapper">
        <a href="#">
            <div class="usercenter-icon-pusher"></div>
            <span>前往投资账户中心</span>
            <div class="arrow-wrapper">
                <span class="arrow-right"></span>
            </div>
        </a>
        <a href="#">
            <div class="icon-auto-get-cash"></div>
            <span>自动提现</span>
            <div class="text-wrapper">
                <span>开启</span>
            </div>
        </a>
    </div>
</div>
<!--当日推广数据-->
<div class="todays-datas">
    <div class="todays-datas-header">
        <h5>当日推广数据</h5>
    </div>
    <div class="todays-datas-body">
        <ul class="todays-datas-wrapper clearfix">
            <li>
                <p class="data-desc">注册人数</p>
                <p class="data"><em>188</em>人</p>
            </li>
            <li>
                <p class="data-desc">投资人数</p>
                <p class="data"><em>12</em>人</p>
            </li>
            <li>
                <p class="data-desc">CPA收益</p>
                <p class="data"><em>188</em>元</p>
            </li>
            <li>
                <p class="data-desc">ROI收益</p>
                <p class="data"><em>188</em>元</p>
            </li>
            <li>
                <p class="data-desc">复投收益</p>
                <p class="data"><em>1888</em>元</p>
            </li>
        </ul>
    </div>
</div>
<!--用户余额信息-->
<div class="user-account">
    <ul class="user-account-wrapper">
        <li class="user-account-item">
            <span class="item-name">可提现余额</span>
            <div class="arrow-wrapper">
                <span class="arrow-right"></span>
            </div>
            <span class="total-cash-money">188.00</span>
            <a href="#"></a>
        </li>
        <li class="user-account-item">
            <span class="item-name">理财推手专区</span>
            <div class="arrow-wrapper">
                <span class="arrow-right"></span>
            </div>
            <span class="item-desc">合作平台返利规则</span>
            <a href="#"></a>
        </li>
        <li class="user-account-item">
            <span class="item-name">交易明细</span>
            <div class="arrow-wrapper">
                <span class="arrow-right"></span>
            </div>
            <span class="item-desc">账户交易所有明细</span>
            <a href="#"></a>
        </li>
        <li class="user-account-item">
            <span class="item-name">我的投资人</span>
            <div class="arrow-wrapper">
                <span class="arrow-right"></span>
            </div>
            <span class="item-desc">被推荐人投资明细</span>
            <a href="#"></a>
        </li>
    </ul>
</div>
<!--我的合作平台-->
<div class="my-platform">
    <div class="my-platform-header">
        <h5>我的合作平台</h5>
    </div>
    <div class="no-item-wrapper">
        <img src="../images/pushercenter-no-item-wrapper.png" width="99px" height="87px" alt="">
        <p>您还没有投资平台</p>
        <a href="#">赶快投资拿返利吧></a>
    </div>
    <div class="my-platform-content">
        <ul class="my-platform-wrapper">
            <li class="my-platform-item">
                <div class="platform-wrapper">
                    <div class="platform-item">
                        <div class="item-header">
                            <div class="plat-logo-wrapper">
                                <img src="../images/m-platlogo-1.png" alt="">
                            </div>
                            <div class="plat-return-type-wrapper">
                                <p>CPA+CPS</p>
                            </div>
                            <div class="spread-btn-wrapper">
                                <div class="spread-btn">分享推广</div>
                            </div>
                        </div>
                        <div class="item-content">
                            <ul class="item-content-wrapper">
                                <li>
                                    <p><em>188</em>元</p>
                                    <p class="item-desc">用户返利</p>
                                </li>
                                <li>
                                    <p><em>188</em>元</p>
                                    <p class="item-desc">推手返利</p>
                                </li>
                                <li>
                                    <p><em>188</em>%</p>
                                    <p class="item-desc">平台利息</p>
                                </li>
                            </ul>
                            <ul class="item-content-wrapper">
                                <li>
                                    <p><em>18800</em>元</p>
                                    <p class="item-desc">起投金额</p>
                                </li>
                                <li>
                                    <p><em>1</em>元</p>
                                    <p class="item-desc">投资期限</p>
                                </li>
                                <li>
                                    <p>多投多返</p>
                                    <p class="item-desc">返利类型</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="platform-item">
                        <div class="item-header">
                            <div class="plat-logo-wrapper">
                                <img src="../images/m-platlogo-1.png" alt="">
                            </div>
                            <div class="plat-return-type-wrapper">
                                <p>CPA+CPS</p>
                            </div>
                            <div class="spread-btn-wrapper">
                                <div class="spread-btn">分享推广</div>
                            </div>
                        </div>
                        <div class="item-content">
                            <ul class="item-content-wrapper">
                                <li>
                                    <p><em>188</em>元</p>
                                    <p class="item-desc">用户返利</p>
                                </li>
                                <li>
                                    <p><em>188</em>元</p>
                                    <p class="item-desc">推手返利</p>
                                </li>
                                <li>
                                    <p><em>188</em>%</p>
                                    <p class="item-desc">平台利息</p>
                                </li>
                            </ul>
                            <ul class="item-content-wrapper">
                                <li>
                                    <p><em>18800</em>元</p>
                                    <p class="item-desc">起投金额</p>
                                </li>
                                <li>
                                    <p><em>1</em>元</p>
                                    <p class="item-desc">投资期限</p>
                                </li>
                                <li>
                                    <p>多投多返</p>
                                    <p class="item-desc">返利类型</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="platform-item">
                        <div class="item-header">
                            <div class="plat-logo-wrapper">
                                <img src="../images/m-platlogo-1.png" alt="">
                            </div>
                            <div class="plat-return-type-wrapper">
                                <p>CPA+CPS</p>
                            </div>
                            <div class="spread-btn-wrapper">
                                <div class="spread-btn">分享推广</div>
                            </div>
                        </div>
                        <div class="item-content">
                            <ul class="item-content-wrapper">
                                <li>
                                    <p><em>188</em>元</p>
                                    <p class="item-desc">用户返利</p>
                                </li>
                                <li>
                                    <p><em>188</em>元</p>
                                    <p class="item-desc">推手返利</p>
                                </li>
                                <li>
                                    <p><em>188</em>%</p>
                                    <p class="item-desc">平台利息</p>
                                </li>
                            </ul>
                            <ul class="item-content-wrapper">
                                <li>
                                    <p><em>18800</em>元</p>
                                    <p class="item-desc">起投金额</p>
                                </li>
                                <li>
                                    <p><em>1</em>元</p>
                                    <p class="item-desc">投资期限</p>
                                </li>
                                <li>
                                    <p>多投多返</p>
                                    <p class="item-desc">返利类型</p>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="more-btn" onclick="viewMore(this)">更多投资方案</div>
            </li>
        </ul>
    </div>
</div>
<!--底部-->
<div class="footer">
    <div class="footer-item active">
        <a href="#">
            <div class="icon-wrapper active">
                <i class="basefont"></i>
            </div>
            <span>首页</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="licai"></i>
            </div>
            <span>理财</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="ceping"></i>
            </div>
            <span>测评</span>
        </a>
    </div>
    <div class="footer-item">
        <a href="#">
            <div class="icon-wrapper">
                <i class="center"></i>
            </div>
            <span>我的</span>
        </a>
    </div>
</div>
<script>
    // 记录每个合作平台容器的高度
    var itemH = $(".platform-wrapper").height();


    function viewMore(obj) {
        if($(obj).text() == "更多投资方案") {
            $(obj).text("收起更多方案")
            $(obj).parent().children(".platform-wrapper").css("maxHeight", "100%")
        } else {
            $(obj).text("更多投资方案")
            $(obj).parent().children(".platform-wrapper").css("maxHeight", itemH)
        }
    }
</script>
</body>
</html>